<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>酒店 关于我们</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/common.css">
</head>
<body>
    <div class="index-header">
        <div class="index-center">
            <div class="header-logo">
                <p class="logo-name">CESLAVIE</p>
                <hr>
                <p class="logo-hotels">HOTELS</p>
            </div>
            <ul class="header-nav">
                <li onclick="window.location.href='index.html';">首页</li>
                <li style="color: #fff;background-color: #1a5de6;">关于我们</li>
                <li onclick="window.location.href='news-center.html';">新闻中心</li>
                <li onclick="window.location.href='hotel-reservation.html';">客房预订</li>
                <li onclick="window.location.href='contact-us.html';">联系我们</li>
                <li onclick="window.location.href='merchants-join.html';">招商联盟</li>
            </ul>
        </div>
    </div>
    <div class="profile-banner" id="profile-banner">
        <div class="index-center">
            <h2>内心中一处静谧之地</h2>
            <p>A QUIET PLACE IN THE HEART</p>
            <h3>——赛维</h3> 
        </div>
    </div>  
    <div id="profile-tab" class="profile-tab">
        <div class="profile-list">
            <ul>
                <li class="cur">公司简介</li>
                <li>发展历程</li>
                <li>招贤纳士</li>
            </ul>
        </div>
        <div id="listCon">
            <div class="profileCon cur">
                <!-- 公司简介 -->
                <p>赛维拉酒店是如家酒店集团旗下3大品牌之一，是温馨舒适的商旅型连锁酒店品牌，通过标准化、简洁、舒适、便捷的酒店住宿服务，使大众商务以及休闲旅行宾客收获温馨、便捷的住宿体验。</p>
                <p>赛维拉酒店是国内商务酒店品牌中规模最大的品牌，在全国300个城市拥有近2000家酒店如家酒店多年获得中国金枕头奖“中国最佳经济型连锁酒店品牌殊荣2014年，如家酒店以4.2亿美元的品牌价值入选中国品牌100强，居酒店行业之首。</p>
                <p>赛维酒店集团创立于2002年， 2006年10月在美国纳斯达克上市（股票代码：HMIN）。作为中国酒店业海外上市第一股，如家始终以顾客满意为基础，以成为“大众住宿业的卓越领导者”为愿景，向全世界展示着中华民族宾至如归的“家”文化服务理念和民族品牌形象。</p>   
                <p>赛维酒店集团旗下商旅型连锁酒店品牌——如家酒店，提供标准化、干净、温馨、舒适、贴心的酒店住宿产品，为海内外八方来客提供安心便捷的旅行住宿服务，传递着适度生活的简约生活理念。</p>
                <p>赛维酒店集团旗下中高端商务酒店品牌——和颐酒店（Yitel），旨在满足境内外中高级商务及休闲旅游人士的需要，以精致时尚的环境设计舒适人性的客房设施、便捷高效的商务配套、恰到好处的热情款待，带领宾客体验前所未有的旅行新乐趣。自信而不张扬，和气但不平庸，环境与人融为一体，平衡之道，尽在魅力和颐。</p>
                <p>赛维酒店集团旗下商旅型连锁酒店品牌——莫泰酒店（Motel），莫泰酒店在全国近百个城市拥有380多家酒店。莫泰酒店曾获得中国金枕头奖“中国最佳经济型连锁酒店品牌”殊荣。</p>
                <img src="./images/profile-info.png" alt="">
            </div>
            <div class="profileCon">
               <!-- 发展历程  -->
               <div class="profile2">
                    <div class="left-bg left-bg1"><h3>2004年</h3><h6>2004年，赛维开始追求环保、健康的可持续发展之路开始追求环保、健康的可持续发展之路</h6></div>
                    <div class="left-bg left-bg2"><h3>2008年</h3><h6>2008年，赛维开始追求环保、健康的可持续发展之路</h6></div>
                    <div class="left-bg left-bg3"><h3>2012年</h3><h6>2012年，赛维开始追求环保、健康的可持续发展之路</h6></div>
                    <img class="line1" src="./images/line1.png" alt="">
                    <span class="line1-point point11"></span><span class="line1-point point12"></span><span class="line1-point point13"></span><span class="line1-point point14"></span><span class="line1-point point15"></span><span class="line1-point point16"></span>
                    <div class="right-bg right-bg1"><h3>1995年</h3><h6>1995年，赛维开始追求环保、健康的可持续发展之路。</h6></div>
                    <div class="right-bg right-bg2"><h3>1998年</h3><h6>1998年，赛维开始追求环保、健康的可持续发展之路。</h6></div>
                    <div class="right-bg right-bg3"><h3>2000年</h3><h6>2000年，赛维开始追求环保、健康的可持续发展之路。</h6></div>
                    <a href="javascript:;" class="profile2-a">1995-NEW</a>
                </div>
            </div>
            <div class="profileCon">
                <!-- 招贤纳士 -->
                <div class="profile3">
                    <div>
                        <span>01</span>
                        <h3>赛维酒店现招聘餐饮部经理三名，工资面议。</h3>
                        <p>为使新员工尽快熟悉公司环境，适应公司发展要求，近日，集团在20楼培训教室组织开展了2016年度新员工入职培训，共计70余......</p>
                    </div>
                    <div>
                        <span>02</span>
                        <h3>赛维酒店现招聘客房部经理一名，工资5000-8000。</h3>
                        <p>为使新员工尽快熟悉公司环境，适应公司发展要求，近日，集团在20楼培训教室组织开展了2016年度新员工入职培训，共计70余......</p>
                    </div>
                    <div>
                        <span>03</span>
                        <h3>赛维酒店现招聘安保部经理一名，工资面议。</h3>
                        <p>为使新员工尽快熟悉公司环境，适应公司发展要求，近日，集团在20楼培训教室组织开展了2016年度新员工入职培训，共计70余......</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="index-footer">
        <div class="index-center">
            <ul class="footer-intro">
                <li>
                    <p><a href="hotel-profile.html">关于我们</a></p>
                    <span><a href="javascript:;">公司简介</a></span>
                    <span><a href="javascript:;">发展历程</a></span>
                    <span><a href="javascript:;">招贤纳士</a></span>
                </li>
                <li>
                    <p><a href="news-center.html">新闻中心</a></p>
                    <span><a href="javascript:;">新闻资讯</a></span>
                    <span><a href="javascript:;">行业新闻</a></span>
                    <span><a href="javascript:;">酒店新闻</a></span>
                </li>
                <li>
                    <p><a href="contact-us.html">联系我们</a></p>
                    <span><a href="javascript:;">电话地址</a></span>
                    <span><a href="javascript:;">邮箱传真</a></span>
                    <span></span> 
                </li>
                <li style="margin-right: 0;">
                    <p><a href="merchants-join.html">招商联盟</a></p>
                    <span><a href="javascript:;">加盟流程</a></span>
                    <span><a href="javascript:;">加盟优势</a></span>
                    <span></span>
                </li>
            </ul>
        </div>
        <div class="footer-copyright"><span>版权公©1995-2017赛维集团控股酒店上海外滩十八号。版权所有</span></div>
    </div>

    <script src="./js/swiper.js"></script>
    <script src="./js/jquery-1.8.3.min.js"></script>
    <script>
        window.onload = function(){
			var oDiv = document.getElementById("profile-tab");
			var lis = oDiv.getElementsByTagName("li");
            var oDivCon = document.getElementById("listCon");
            var lisDiv = oDivCon.getElementsByClassName("profileCon");
            var bgImg = document.getElementById("profile-banner"); 	
            var imgArr = ["./images/profile-banner0.png","./images/profile-banner1.png","./images/profile-banner2.png"];		
            for(var i=0;i<lis.length;i++){
				lis[i].index = i;
				lis[i].onclick = function(){
                    show(this.index);
                    bgImg.style.backgroundImage = "url('"+imgArr[this.index]+"')";
                }
			}
			function show(a){
				for(var j=0;j<lis.length;j++){
					lis[j].className = "";
					lisDiv[j].className = "profileCon";					
				}
				lis[a].className = "cur";
				lisDiv[a].className = "profileCon cur";
			}
        }
        
        $(".left-bg1").hover(
            function(e){
                $(".point11").css("background", "url('./images/line1-point-blue.png')");
            },
            function(e){
                $(".point11").css("background", "url('./images/line1-point-gray.png')");
            }
        );
        $(".left-bg2").hover(
            function(e){
                $(".point13").css("background", "url('./images/line1-point-blue.png')");
            },
            function(e){
                $(".point13").css("background", "url('./images/line1-point-gray.png')");
            }
        );
        $(".left-bg3").hover(
            function(e){
                $(".point15").css("background", "url('./images/line1-point-blue.png')");
            },
            function(e){
                $(".point15").css("background", "url('./images/line1-point-gray.png')");
            }
        );
        $(".right-bg1").hover(
            function(e){
                $(".point12").css("background", "url('./images/line1-point-blue.png')");
            },
            function(e){
                $(".point12").css("background", "url('./images/line1-point-gray.png')");
            }
        );
        $(".right-bg2").hover(
            function(e){
                $(".point14").css("background", "url('./images/line1-point-blue.png')");
            },
            function(e){
                $(".point14").css("background", "url('./images/line1-point-gray.png')");
            }
        );
        $(".right-bg3").hover(
            function(e){
                $(".point16").css("background", "url('./images/line1-point-blue.png')");
            },
            function(e){
                $(".point16").css("background", "url('./images/line1-point-gray.png')");
            }
        );

    </script>
</body>
</html>